<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8"/>
    <title>鼠标提示框</title>
</head>
<style>
    #div1{
    	width:300px;height:100px;background:#ccc;border:1px solid #999;display: none;
    }
</style>
<body>
    
    <!--要实现的效果-->
    <!--当鼠标移到input上时，显示div1（也就是把div1从默认的inline变成block）-->
    <!--当鼠标离开input上时，隐藏div1（dispaly:none;）-->
    <!--getElementById:通过id获取元素-->
    <input type="checkbox" onmouseover="document.getElementById('div1').style.display='block';"  onmouseout="document.getElementById('div1').style.display='none';"/>
    
    <div id="div1">

        为了您的信息安全,请勿在网吧或公用电脑上使用此功能。。。。。


    </div>

</body>
</html>
































































